﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: 宋体, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 25px;
}
a:link
{
    color: #696969;
    text-decoration: none;
}

a:visited
{
    
    color: #505abc;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
}
a:active
{
    color: #996633;
}
p, ul
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
header, footer, nav, section
{
    display: block;
    position: relative;
    text-align: left;
    margin: 0 auto;
}
/* Order/List页面样式 
----------------------------------------------------------*/
#左栏订单中心
{
    width: 163px;
    height: 400px;
    float: left;
    margin-top: 10px;
  
}
#左栏标题订单中心
{
    background-image: url('../images/youlan.png');
    background-repeat: no-repeat;
    width: 163px;
    height: 27px;
    border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
}

#左栏内容订单中心
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width: 161px;
    height: 373px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}
#中栏订单中心
{
    margin-left: 8px;
    width: 1029px;
    height: 300px;
    float: left;
    margin-top: 10px;
}
#中栏标题订单中心
{
    background-image: url('../images/zhonglan221029.png');
    background-repeat: no-repeat;
    width: 1029px;
    height: 27px;
}
#中栏内容订单中心
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width: 1027px;
    height: 373px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}
/* Order/List左栏内容样式
----------------------------------------------------------*/
.左栏内容样式
{
    text-align: center;
}
.栏内分割图片
{
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #E3E3E3;
    background-color: #EFF4F5;
    font-weight: bold;
    color: #000099;
}
.右栏内分割图片
{
    text-align: left;
    padding:10px 5px 5px 10px;
}
/* Order/List表格样式
----------------------------------------------------------*/
td.表格样式
{
    border-style: none dotted solid none;
    border-width: 1px;
    line-height: 26px;
    border-right-color: #E3E3E3;
    border-bottom-color: #DBDBDB;
}
td.表格样式最右
{
    border-style: none none solid none;
    border-width: 1px;
     border-right-color: #E3E3E3;
    border-bottom-color: #DBDBDB;
    line-height: 26px;
}
td.地址栏
{
    text-align: left;
    border-style: none dotted solid none;
    border-width: 1px;
     border-right-color: #E3E3E3;
    border-bottom-color: #DBDBDB;
    line-height: 26px;
}
#表格样式
{
    width: 1027px;
    height: 343px;
    text-align: center;
}
#翻页定位位置
{
    margin: -8px 0 0 -25px;
    width: 1027px;
    height: 30px;
    text-align: right;
    
}
/* Order/Create/报错
----------------------------------------------------------*/
.报错必填
{
    float:left;
}
#时间位置
{
    margin:-2px 10px 0 10px;
}
#预约时间
{
    margin: 10px 0px 0 0px;
}
/* Order/Create/Table的样式
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    margin: 0;
    font-family: 宋体, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366;
    border: 0;
    width: 100%;

}
th
{
    text-align: center;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #E3E3E3;
    background-color: #EFF4F5;
    font-weight: bold;
    
}

tr
{
   
    
}

/* 登陆框下按钮样式 （登陆、  获取验证码、  注册、等）     
----------------------------------------------------------*/
.按钮样式DLK
{
    border: 1px solid #E89D04;
    background-image: url('../images/anniuBG.png');
    background-repeat: repeat-x;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    color: #8C4600;
    text-align: center;
    line-height: 18px;
}

/* 链接按钮样式  ( 注册新用户）       
----------------------------------------------------------*/
.按钮样式LJ
{
    border: 1px solid #E89D04;
    background-image: url('../images/anniuBG.png');
    background-repeat: repeat-x;
    font-size: 12px;
    padding: 0 20px 0 20px;
    color: #8C4600;
    text-align: center;
}
/* CMember/UpdateCMemberMessage/登陆界面样式             
----------------------------------------------------------*/
#中栏5
{
    margin-left: 8px;
    width: 1200px;
    height: 500px;
    float: left;
    margin: 10px 0 0 0;
}
#中栏标题5
{
    background-image: url('../images/zhonglan331200.png');
    background-repeat: no-repeat;
    width: 1200px;
    height: 27px;
}
#中栏内容5
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width:1198px;
    height: 100%;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}
.修改信息左侧整体样式
{
    padding: 50px 0 0 160px;
    margin: 0 0 0 0;
    float: left;
    text-align: left;
    border: 0;
    width: 520px;
    float: left;
}

/* CMember/LogOn.cshtml/登陆界面样式             
----------------------------------------------------------*/
#中栏4
{
    margin-left: 8px;
    width: 1200px;
    height: 700px;
    float: left;
    margin: 10px 0 0 0;
}
#中栏标题4
{
    background-image: url('../images/zhonglan331200.png');
    background-repeat: no-repeat;
    width: 1200px;
    height: 27px;
}
#中栏内容4
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width:1198px;
    height: 100%;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}
/* CMember/updateCMemberMessage/界面样式             
----------------------------------------------------------*/
#中栏3
{
    margin-left: 8px;
    width: 1200px;
    height: 400px;
    float: left;
    margin: 10px 0 0 0;
}
#中栏标题3
{
    background-image: url('../images/zhonglan331200.png');
    background-repeat: no-repeat;
    width: 1200px;
    height: 27px;
}
#中栏内容3
{
    padding: 0 0 0 0;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width: 1198px;
    height: 373px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}
/* CMember/LogOn.cshtml/登陆内容样式   
----------------------------------------------------------*/
.登陆框
{
    margin: 8px 8px 8px 8px;
}
.手机号
{
    float: left;
}

#记住用户名
{
    margin: 0 0 0 52px;
    float: left;
}
#密码
{
    float: left;
}
.中间分割线
{
    background-position: center;
    float: left;
    background-image: url('../images/fengexian.png');
    background-repeat: repeat-y;
    width: 1px;
    height: 80%;
    margin: 50px 0 0 0;
}
/* 报错样式
----------------------------------------------------------*/
#修改密码错误
{
    margin: -9px 0 0 142px;
    float: left;
}
#登陆错误
{
    margin: -9px 0 0 -23px;
    float: left;
}
#注册错误
{
    margin: 0 0 0 130px;
}
/* 按钮位置
----------------------------------------------------------*/
#注册新用户按钮
{
    float: right;
    margin:10px 0 0 0;
 }   
#登陆按钮
{
    padding: 40px 0 0 215px;
}
#获取验证码按钮
{
    padding: 30px 0 0 153px;
}
#注册按钮
{
    padding: 0 0 0 239px;
}
#下一步按钮
{
    padding: 50px 0 0 243px;
}
#保存按钮
{
    padding: 30px 0 0 225px;
}
#修改密码按钮
{
    padding: 30px 0 0 215px;
}
#查询以往订单按钮
{
    text-align: center;
    margin: 0 40% 0 40%;
}
#订单按钮
{
    float: left;
    text-align: center;
    margin: 10px 10px 10px 10px;
    }
 #提交订单按钮
{
    margin: 10px 0 0 120px;
    float: left;
    line-height: 28px;
}
#充值按钮
{
    padding: 30px 0 0 290px;
    }
#查看充值余额按钮
{
    float:right;
    margin:83px 0 0 0;
        }
 #重新下单
 { 
      float:right;
      margin:10px 330px 0 0;
     }
 #查看充值记录按钮-成功 
 {
     margin:0 40% 0 40%;
 } 
 #确认订单
{
    margin: 15px 270px 0 0;
    float: right;
   
}       
 /* 支付订单页面
----------------------------------------------------------*/

#支付订单页面样式
{
    padding:50px 50px 50px 50px;
    border: 0;
}

 /* 登陆页面左侧和右侧整体样式.fieldset下的样式
----------------------------------------------------------*/
.登陆右
{
    float: right;
    text-align: left;
    padding: 100px 53px 0 53px;
    width: 400px;
}
.登陆页面左侧整体样式
{
    padding: 100px 0 0 160px;
    margin: 0 0 0 0;
    float: left;
    text-align: left;
    border: 0;
    width: 520px;
    float: left;
}
/*/Alipay/Prepaid/ 支付页面样式
----------------------------------------------------------*/
#支付页面
{
    border: 0;
   
   
}
#左侧充值记录
{
    
    margin: 100px 0 0 50px;
    float: left;
}
#银行提交
{
    padding: 15px 15px 15px 15px;
    border: 1px dotted #E8E8E8;
    margin: 20px 50px 0 0;
    float: right;
    width: 700px;
   
}
/* 全部的字体样式   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: 宋体, Arial, Helvetica, sans-serif;
    color: #000;
}
h1
{
    font-size: 12px;
    line-height: 25px;
}
h2
{
    font-size: 12px;
    line-height: 20px;
}
h3
{
    color: #FF0000;
    font-weight: bolder;
}
p.栏目标题
{
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 27px;
    padding-left: 7px;
}
p.栏目标题中
{
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 27px;
    text-align: center;
}

p.登陆页面右注释
{
    line-height: 10px;
    margin: 0;
    font-size: 12px;
}
p.注脚样式
{
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
p.注脚图片样式
{
    text-align: center;
    font-size: 12px;
    line-height: 100px;
}
p.表格文字
{
    
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    font-style: inherit;
}
.居中样式
{
    text-align: center;
}
#联系我们文字样式
{
    padding:45px 0 0 800px ;
}
.充值居中样式
{
    padding:10% 0 0 0;
    text-align: center; 
}
/* 注脚   
----------------------------------------------------------*/
#注脚
{
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}
header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1
{
    font-weight: bold;
    margin: 0;
    color: #6a6c6b;
    border: none;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

legend
{
    font-size: 1.2em;
    font-weight: bold;
}
textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}
select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}
/* Order/List/页面的样式
----------------------------------------------------------*/
#中栏内容详细信息
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #A2A2A2;
    width: 753px;
    height: 100%;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
}

/* Prepaid/List  
----------------------------------------------------------*/

#余额显示位置
{
    margin:  -25px 0 0 20px;
    width: 1027px;
    height: 30px;
    text-align: left; 
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: #CC0000;
}
nav, #menucontainer
{
    float: left;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-image: url('../images/DaoHangZhong.png');
    background-repeat: repeat-x;
    height: 38px;
    width: 1192px;
    
}
#导航左
{
    float:left;
    width: 4px;
    background-image: url('../images/DaoHangZuo.png');
    height: 38px;
  
}
#导航右
{
    float:right;
    width: 4px;
    background-image: url('../images/DaoHangYou.png');
    height: 38px;
}
div#title
{
    display: block;
    float: left;
    text-align: left;
}
#logindisplay
{
    font-size: 12px;
    display: block;
    text-align: right;
    color: #000;
    vertical-align: middle;
}
#logindisplay a:link
{
    color: #000;
    text-decoration: none;
}

#logindisplay a:visited
{
    color: #000;
    text-decoration: none;
}

#logindisplay a:hover
{
    color: #000;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #ff0000;
    font-size: 12px;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 0;
    font-size: 12px;
    font-family: 宋体, Arial, Helvetica, sans-serif;
}

.display-field, .editor-field
{
    margin: 0;
    font-size: 12px;
}

.text-box
{
    width: 100ex;
    height: 16px;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
/* 订单提交成功 文字居中 的样式
----------------------------------------------------------*/
#文字居中
{
    width: 1200px;
    height: 100px;
    float: left;
    margin: 10px 0 0 0;
    
}

/* CMember/updateCMemberMessage/联系我们          
----------------------------------------------------------*/
#联系我们图片
{
    float:left;
    background-repeat: no-repeat;
    background-image: url('../images/LXwomen.png');
    width: 150px;
    height: 150px;
    margin:170px 0px 0px 500px;
}